<template>
<div>
  <el-submenu :index="menuNode.path">
    <template slot="title">{{ menuNode.name }}</template>
    <el-menu-item v-for="child in menuNode" :index="child.path">{{ child.name }}</el-menu-item>
  </el-submenu>
</div>
</template>
<script type="text/javascript">
  export default {
    name: 'pl-menu',
    props: {
      menuNode: Object
    },
    methods: {
      fileterChildren (menu, type){
        const arr = [];
        for(var i in menu){
          if (menu[i].type == type){
            arr.push(menu[i])
          }
        }
        return arr;
      }
    }
  }
</script>